<!--手机端首页-->
<!DOCTYPE html >
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telphone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css" type="text/css">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/index.css" type="text/css">
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script src="__TEMPLATE__/index/js/scroll.js" type="text/javascript"></script>
    <script type="text/javascript" src="__TEMPLATE__/mobile/index/js/clipboard.min.js"></script>
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式-->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <script type="text/javascript">
        $(function(){
            $('.news-info').myScroll({
                speed: 40, //数值越大，速度越慢
                rowHeight: 26 //li的高度
            });
        });
    </script>
    <style>
        body,#wrapper_1{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}/*解决苹果滚动条卡顿的问题*/
        #wrapper_1{overflow-y:visible!important;}
        #tishi p{width:160px;height:70px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;text-align: center;color:#f00;font-weight:bold;z-index: 111111;padding:0 10px;}
        .zxkf p{height: 70px;line-height: 70px;font-size: 12px;border-bottom: 1px solid #CCCCCC;}
        .zxkf>span{height: 28px;line-height: 28px;font-size: 16px;color: #0000FF;}
        .box_1 span{font-size:15px;}
    </style>
     </head>
<body>
<div id="wrapper_1" class="scorllmain-content nobottom_bar" style="background-color: #fff;">
    <div class="hot-new-tit border-none"><a class="hot-tit-text" href="javascript:;" style="margin-left: 3px;letter-spacing: 2px;display: block;width: 92px;height: 30px;line-height: 30px;background-color: #e53120;font-size: 18px;text-align: center;color: white;">最新中奖榜</a>
        <!--<div class="news-info" style="position: relative; max-height: 120px; overflow: hidden; height: 120px;">
            <ul style="position: absolute; width: 100%; padding-left: 1%; padding-right: 2%; box-sizing: border-box; top: 0px;">
                {foreach $list as $v}
                <li>
                    <div class='news-left'><span class='pol-icon'></span>{$v.username}****</div>
                    <div class='news-center'>{$v.cp_name}</div>
                    <div class='news-right fr c-red'>喜中{$v.zjje}元</div>
                </li>
                {/foreach}
            </ul>
        </div>-->
        
        <div  style="position: relative;  overflow: hidden; height: 200px;">
						<ul style="position: absolute; width: 100%; padding-left: 1%; padding-right: 2%; box-sizing: border-box; top: 0px;" id="zj_list">
							 {foreach $list as $v}
							<li style="overflow: hidden;overflow: hidden;font-size:14px;">
								<div style="float:left;width:28%;text-align: center;">
									<img style="width:25px;margin-top:9px;margin-right:4px;float:left;" src="__TEMPLATE__/mobile/index/img/jiangbei.png"/>
									<span style="float:left;">{$v.username}****</span>
								</div>
								<div style="float:left;color:red;width:44%;text-align: center;">喜中{$v.zjje}元</div>
								<div style="float:left;width:28%;text-align: center;">{$v.cp_name}</div>
								
							</li>
							{/foreach}
						</ul>
					</div>
    </div>
</div>
</body>
<script>
	zj_list()

	function zj_list(){
		var timer=setInterval(function(){
			var aa=0
			var ss=Math.abs( parseInt($('#zj_list').css('top')))
			var ss=Math.abs( parseInt($('#zj_list').css('top')))
	    	aa++
	    	
	//  	var top_val=$('#zj_list').children('li').height()*aa
	    	$('#zj_list').css('top','-'+(ss+aa)+'px')
	    	if((ss+aa)%$('#zj_list').children('li').height()==0){
	    		  clearInterval(timer)
		    	setTimeout(function(){
	    			zj_list()
	    		},800)
	    	}
	    	if(ss==(($('#zj_list li').length)-5)*$('#zj_list').children('li').height()){
	    		aa=0
	    		$('#zj_list').css('top','-'+aa+'px')
	    	}
	    },20)
	}
</script>

